<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->

<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->

<!-- BEGIN HEAD -->

<head>
    <base href="/hxhmanage/"/>
    <meta charset="utf-8" />

    <title>好洗欢管理平台</title>

    <meta content="width=device-width, initial-scale=1.0" name="viewport" />

    <meta content="" name="description" />

    <meta content="" name="author" />

    <!-- BEGIN GLOBAL MANDATORY STYLES -->

    <link href="css/vendor/bootstrap.min.css" rel="stylesheet" type="text/css"/>

    <link href="css/vendor/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>

    <link href="css/vendor/font-awesome.min.css" rel="stylesheet" type="text/css"/>

    <link href="css/vendor/style-metro.css" rel="stylesheet" type="text/css"/>

    <link href="css/vendor/style.css" rel="stylesheet" type="text/css"/>

    <link href="css/vendor/style-responsive.css" rel="stylesheet" type="text/css"/>

    <link href="css/vendor/default.css" rel="stylesheet" type="text/css" id="style_color"/>

    <link href="css/vendor/uniform.default.css" rel="stylesheet" type="text/css"/>

    <link href="css/vendor/timeline.css" rel="stylesheet" type="text/css">

    <!-- END GLOBAL MANDATORY STYLES -->

    <!-- BEGIN PAGE LEVEL STYLES -->

    <link rel="stylesheet" type="text/css" href="css/vendor/select2_metro.css" />

    <link rel="stylesheet" href="css/vendor/DT_bootstrap.css" />



    <!--<link href="css/common/common.css" rel="stylesheet" type="text/css">-->

    <!-- END PAGE LEVEL STYLES -->

    <link rel="shortcut icon" href="images/logo.png" />

</head>
<body class="page-header-fixed page-sidebar-closed">
<!-- BEGIN HEADER -->

<div class="header navbar navbar-inverse navbar-fixed-top">

    <!-- BEGIN TOP NAVIGATION BAR -->

    <div class="navbar-inner">

        <div class="container-fluid">

            <!-- BEGIN LOGO -->

            <a class="brand" href="index.html" style="padding:0px;">

                <img src="images/logo.png" alt="logo" />

            </a>

            <!-- END LOGO -->

            <!-- BEGIN RESPONSIVE MENU TOGGLER -->

            <a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">

                <img src="images/menu-toggler.png" alt="" />

            </a>

            <!-- END RESPONSIVE MENU TOGGLER -->

            <!-- BEGIN TOP NAVIGATION MENU -->



            <!-- END TOP NAVIGATION MENU -->

        </div>

    </div>

    <!-- END TOP NAVIGATION BAR -->

</div>
<!-- BEGIN CONTAINER -->

<div  class="page-container row-fluid">

    <!-- BEGIN SIDEBAR -->

    <div class="page-sidebar nav-collapse collapse">

        <!-- BEGIN SIDEBAR MENU -->

        <ul class="page-sidebar-menu">

            <li>

                <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

                <div class="sidebar-toggler hidden-phone"></div>

                <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

            </li>



            <li >

                <a href="indexAction!setStrutsPage.action?pageFlag=order/ordermana.html">

                    <i class="icon-file-text"></i>

                    <span class="title">订单管理</span>

                </a>

            </li>

            <li >

                <a href="indexAction!setStrutsPage.action?pageFlag=community/communityList.html">

                    <i class="icon-home"></i>

                    <span class="title">地址管理</span>

                </a>

            </li>

            <li >

                <a href="indexAction!setStrutsPage.action?pageFlag=diser/disermana.html">

                    <i class="icon-user-md"></i>

                    <span class="title">配送人员管理</span>

                </a>

            </li>

            <li class="active ">

                <a href="indexAction!setStrutsPage.action?pageFlag=community/communityList.html">

                    <i class="icon-barcode"></i>

                    <span class="title">衣物管理</span>

                </a>

            </li>




        </ul>

        <!-- END SIDEBAR MENU -->

    </div>

    <!-- END SIDEBAR -->

    <!-- BEGIN PAGE -->

    <div id="proList" class="page-content">

        <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->



        <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->

        <!-- BEGIN PAGE CONTAINER-->

        <div  class="container-fluid">

            <!-- BEGIN PAGE HEADER-->

            <div class="row-fluid">

                <div class="span12">



                </div>

            </div>

            <!-- END PAGE HEADER-->

            <!-- BEGIN PAGE CONTENT-->

            <div class="row-fluid">

                <div class="span12">

                    <!-- BEGIN EXAMPLE TABLE PORTLET-->

                    <div class="portlet box light-grey">

                        <div class="portlet-title">

                            <div class="caption"><i class="icon-globe"></i>衣物管理</div>

                            <div class="tools">

                                <a href="javascript:;" class="collapse"></a>


                            </div>

                        </div>

                        <div class="portlet-body">
                            <div class="span12 booking-search">

                                <form >

                                <div class="clearfix margin-bottom-10">

                                    <label>衣物名称</label>

                                    <div class="input-icon left">

                                        <i class="icon-tag"></i>

                                        <input class="m-wrap span12" id="js_proName" type="text" placeholder="输入衣物名称">

                                    </div>

                                </div>

                                <div class="clearfix margin-bottom-20">

                                    <div class="control-group pull-left margin-right-20">

                                        <label class="control-label">衣物类别:</label>

                                        <div class="controls">



                                                <select id="qry_protype" class="small m-wrap" tabindex="1">



                                                </select>



                                        </div>

                                    </div>



                                </div>



                                </form>

                                <div class="clearfix margin-bottom-10">

                                        <button id="js_searchBtn"  class="btn big blue btn-block">搜索 <i class="m-icon-swapright m-icon-white"></i></button>

</div>
                            </div>

                            <div class="row-fluid">
                            <div class="span12">

                                <div class="portlet-body">
                                <div class="btn-group" style="font-size: 15px;">


                                    <button id="js_addProBtn" class="btn red ">

                                        添加衣物 <i class="icon-ok-sign"></i>

                                    </button>


                                    <button id="js_protypeBtn" class="btn blue ">

                                        衣物类别管理 <i class="icon-ok-sign"></i>

                                    </button>



                                </div>

                                <table class="table table-hover"  id="sample_1">

                                    <thead>

                                    <tr>

                                        <th style="width:8px;">#</th>

                                        <th style="width:80px;">衣物名称</th>

                                        <th style="width:80px;">衣物类别</th>

                                        <th style="width:80px;">衣物图片</th>

                                        <th style="width:80px;">衣物体验价</th>
                                        <th style="width:80px;">衣物原价</th>
                                        <th style="width:80px;">价格单位</th>
                                        <th style="width:80px;">衣物属性</th>
                                        <th style="width:80px;">衣物状态</th>
                                        <th style="width:100px;">操作</th>
                                        <!--<th ></th>-->

                                    </tr>

                                    </thead>

                                </table>
                                    </div>

                            </div>
                                </div>

                                </div>

                        </div>

                    </div>

                    <!-- END EXAMPLE TABLE PORTLET-->

                </div>

            </div>



            <!-- END PAGE CONTENT-->

        </div>

        <!-- END PAGE CONTAINER-->




    <div id="producttypeList" class="page-content" style="display: none;">

        <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->



        <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->

        <!-- BEGIN PAGE CONTAINER-->

        <div  class="container-fluid">

            <!-- BEGIN PAGE HEADER-->

            <div class="row-fluid">

                <div class="span12">



                </div>

            </div>

            <!-- END PAGE HEADER-->

            <!-- BEGIN PAGE CONTENT-->

            <div class="row-fluid">

                <div class="span12">

                    <!-- BEGIN EXAMPLE TABLE PORTLET-->

                    <div class="portlet box light-grey">

                        <div class="portlet-title">

                            <div class="caption"><i class="icon-globe"></i>衣物类别管理</div>

                            <div class="tools">

                                <a href="javascript:;" class="collapse"></a>


                            </div>

                        </div>

                        <div class="portlet-body">




                            <div class="clearfix" style="margin-top: 15px;">
                                <div class="btn-group" style="font-size: 15px;">


                                    <button id="js_addProTypeBtn" class="btn red ">

                                        添加衣物类别 <i class="icon-ok-sign"></i>

                                    </button>


                                    <button id="js_proBtn" class="btn blue ">

                                        衣物管理 <i class="icon-ok-sign"></i>

                                    </button>



                                </div>

                                <table class="table table-striped table-bordered table-hover margin-top-10 list-p2"  id="sample_2">

                                    <thead>

                                    <tr>

                                        <th style="width:8px;">#</th>

                                        <th style="width:80px;">衣物类别名称</th>


                                        <th style="width:100px;">操作</th>
                                        <!--<th ></th>-->

                                    </tr>

                                    </thead>

                                </table>
                            </div>

                        </div>

                    </div>

                    <!-- END EXAMPLE TABLE PORTLET-->

                </div>

            </div>



            <!-- END PAGE CONTENT-->

        </div>

        <!-- END PAGE CONTAINER-->

    </div>



    <div id="attrList" class="page-content" style="display: none;">




        <div  class="container-fluid">

            <!-- BEGIN PAGE HEADER-->

            <div class="row-fluid">

                <div class="span12">



                </div>

            </div>

            <!-- END PAGE HEADER-->

            <!-- BEGIN PAGE CONTENT-->

            <div class="row-fluid">

                <div class="span12">

                    <!-- BEGIN EXAMPLE TABLE PORTLET-->

                    <div class="portlet box light-grey">

                        <div class="portlet-title">

                            <div class="caption"><i class="icon-globe"></i>衣物属性</div>

                            <div class="tools">

                                <a href="javascript:;" class="collapse"></a>


                            </div>

                        </div>

                        <div class="portlet-body">




                            <div class="clearfix" style="margin-top: 15px;">
                                <div class="btn-group" style="font-size: 15px;">


                                    <button id="js_addProAttrBtn" class="btn red ">

                                        添加衣物属性 <i class="icon-ok-sign"></i>

                                    </button>


                                    <button id="js_proBtn" class="btn blue ">

                                        衣物管理 <i class="icon-ok-sign"></i>

                                    </button>



                                </div>

                                <table class="table table-hover" id="attTable">

                                    <thead>

                                    <tr>

                                        <th style="width:8px;">#</th>

                                        <th style="width:80px;">属性名称</th>

                                        <th style="width:100px;">操作</th>
                                        <!--<th ></th>-->

                                    </tr>

                                    </thead>

                                </table>
                            </div>

                        </div>

                    </div>

                    <!-- END EXAMPLE TABLE PORTLET-->

                </div>

            </div>



            <!-- END PAGE CONTENT-->

        </div>

        </div>

    <!-- END PAGE -->

</div>



<div id="addProModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true" >
    <div class="portlet box blue">

        <div class="portlet-title">

            <div class="caption"><i class="icon-reorder"></i>添加衣物</div>



        </div>

        <div class="portlet-body form">

            <!-- BEGIN FORM-->

            <form id="js_addproForm" class="form-horizontal">

                <div class="control-group">

                    <label class="control-label">衣物名称</label>

                    <div class="controls">

                        <input id="js_addPro_proname" name="js_addPro_proname" type="text" class="span2 m-wrap">

                        <span class="help-inline"></span>

                    </div>

                </div>


                <div class="control-group">

                    <label class="control-label">衣物体验价</label>

                    <div class="controls">

                        <input  id="js_addPro_price" name="js_addPro_price" type="text" class="span2 m-wrap">

                        <span class="help-inline"></span>

                    </div>

                </div>

                <div class="control-group">

                    <label class="control-label">衣物原价</label>

                    <div class="controls">

                        <input  id="js_addPro_realprice" name="js_addPro_realprice" type="text" class="span2 m-wrap">

                        <span class="help-inline"></span>

                    </div>

                </div>

                <div class="control-group">

                    <label class="control-label">价格单位</label>

                    <div class="controls">

                        <input  id="js_addPro_unit" name="js_addPro_unit" type="text" class="span2 m-wrap">

                        <span class="help-inline"></span>

                    </div>

                </div>

                <div class="control-group">

                    <label class="control-label">衣物类别</label>

                    <div class="controls">

                        <select id="js_addPro_type" name="js_addPro_type" class="span2 m-wrap" data-placeholder="Choose a Category" tabindex="1">



                        </select>

                    </div>

                </div>



                <div class="form-actions">

                    <input type="button" id="js_addPro_submit" value="提交"  class="btn blue"/>

                    <input type="button" id="js_addPro_cancel"  value="”取消"  class="btn" />

                </div>

            </form>

            <!-- END FORM-->

        </div>

    </div>
</div>




<div id="editProModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true" >
    <div class="portlet box blue">

        <div class="portlet-title">

            <div class="caption"><i class="icon-reorder"></i>修改衣物</div>



        </div>

        <div class="portlet-body form">

            <!-- BEGIN FORM-->

            <form id="js_edproForm" class="form-horizontal">

                <div class="control-group">

                    <label class="control-label">衣物名称</label>

                    <div class="controls">

                        <input id="js_edPro_proname" name="js_edPro_proname" type="text" class="span2 m-wrap">

                        <span class="help-inline"></span>

                    </div>

                </div>


                <div class="control-group">

                    <label class="control-label">衣物体验价</label>

                    <div class="controls">

                        <input id="js_edPro_price" name="js_edPro_price" type="text" class="span2 m-wrap">

                        <span class="help-inline"></span>

                    </div>

                </div>

                <div class="control-group">

                    <label class="control-label">衣物原价</label>

                    <div class="controls">

                        <input  id="js_edPro_realprice" name="js_edPro_realprice" type="text" class="span2 m-wrap">

                        <span class="help-inline"></span>

                    </div>

                </div>


                <div class="control-group">

                    <label class="control-label">价格单位</label>

                    <div class="controls">

                        <input  id="js_edPro_unit" name="js_edPro_unit" type="text" class="span2 m-wrap">

                        <span class="help-inline"></span>

                    </div>

                </div>



                <div class="control-group">

                    <label class="control-label">衣物类别</label>

                    <div class="controls">

                        <select id="js_edPro_type" name="js_edPro_type" class="span2 m-wrap" data-placeholder="Choose a Category" tabindex="1">



                        </select>

                    </div>

                </div>



                <div class="form-actions">

                    <input type="button" id="js_edPro_submit" value="提交"  class="btn blue"/>

                    <input type="button" id="js_edPro_cancel"  value="”取消"  class="btn" />

                </div>

            </form>

            <!-- END FORM-->

        </div>

    </div>
</div>



<div id="addProTypeModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true" >
    <div class="portlet box blue">

        <div class="portlet-title">

            <div class="caption"><i class="icon-reorder"></i>添加衣物类型</div>



        </div>

        <div class="portlet-body form">

            <!-- BEGIN FORM-->

            <form id="js_edproForm" class="form-horizontal">

                <div class="control-group">

                    <label class="control-label">类型名称</label>

                    <div class="controls">

                        <input id="js_addProType_typeName" type="text" class="span2 m-wrap">

                        <span class="help-inline"></span>

                    </div>

                </div>







                <div class="form-actions">

                    <input type="button" id="js_addProType_submit" value="提交"  class="btn blue"/>

                    <input type="button" id="js_addProType_cancel"  value="”取消"  class="btn" />

                </div>

            </form>

            <!-- END FORM-->

        </div>

    </div>
</div>


<div id="edProTypeModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true" >
    <div class="portlet box blue">

        <div class="portlet-title">

            <div class="caption"><i class="icon-reorder"></i>修改衣物类型</div>



        </div>

        <div class="portlet-body form">

            <!-- BEGIN FORM-->

            <form id="js_addproForm" class="form-horizontal">

                <div class="control-group">

                    <label class="control-label">类型名称</label>

                    <div class="controls">

                        <input id="js_edProType_typeName" type="text" class="span2 m-wrap">

                        <span class="help-inline"></span>

                    </div>

                </div>








                <div class="form-actions">

                    <input type="button" id="js_edProType_submit" value="提交"  class="btn blue"/>

                    <input type="button" id="js_edProType_cancel"  value="”取消"  class="btn" />

                </div>

            </form>

            <!-- END FORM-->

        </div>

    </div>
</div>



<div id="addProAttrModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true" >

    <input type="hidden" id="js_addProAttr_ProId"/>

    <div class="portlet box blue">

        <div class="portlet-title">

            <div class="caption"><i class="icon-reorder"></i>添加衣物属性</div>



        </div>

        <div class="portlet-body form">

            <!-- BEGIN FORM-->

            <form id="js_addProAttrForm" class="form-horizontal">

                <div class="control-group">

                    <label class="control-label">属性名称</label>

                    <div class="controls">

                        <input id="js_addProAttr_AttName" type="text" class="span2 m-wrap">

                        <span class="help-inline"></span>

                    </div>

                </div>







                <div class="form-actions">

                    <input type="button" id="js_addProAttr_submit" value="提交"  class="btn blue"/>

                    <input type="button" id="js_addProAttr_cancel"  value="”取消"  class="btn" />

                </div>

            </form>

            <!-- END FORM-->

        </div>

    </div>
</div>



<div id="edProAttrModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true" >
    <div class="portlet box blue">

        <div class="portlet-title">

            <div class="caption"><i class="icon-reorder"></i>修改衣物属性</div>



        </div>

        <div class="portlet-body form">

            <!-- BEGIN FORM-->

            <form id="js_addproForm" class="form-horizontal">

                <div class="control-group">

                    <label class="control-label">属性名称</label>

                    <div class="controls">

                        <input id="js_edProAttr_AttName" type="text" class="span2 m-wrap">

                        <span class="help-inline"></span>

                    </div>

                </div>








                <div class="form-actions">

                    <input type="button" id="js_edProAttr_submit" value="提交"  class="btn blue"/>

                    <input type="button" id="js_edProAttr_cancel"  value="”取消"  class="btn" />

                </div>

            </form>

            <!-- END FORM-->

        </div>

    </div>
</div>






<!-- BEGIN FOOTER -->

<div class="footer">

    <div class="footer-inner">



    </div>

    <div class="footer-tools">

			<span class="go-top">

			<i class="icon-angle-up"></i>

			</span>

    </div>

</div><!-- END FOOTER -->

<!-- END CONTAINER -->


<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

<!-- BEGIN CORE PLUGINS -->

<script src="js/vendor/jquery-1.10.1.min.js" type="text/javascript"></script>

<script type="text/javascript" src="js/vendor/jquery.validate.min.js"></script>

<script src="js/vendor/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

<script src="js/vendor/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>

<script src="js/vendor/bootstrap.min.js" type="text/javascript"></script>

<!--[if lt IE 9]>

<script src="js/vendor/excanvas.min.js"></script>

<script src="js/vendor/respond.min.js"></script>

<![endif]-->

<script src="js/vendor/jquery.slimscroll.min.js" type="text/javascript"></script>

<script src="js/vendor/jquery.blockui.min.js" type="text/javascript"></script>

<script src="js/vendor/jquery.cookie.min.js" type="text/javascript"></script>

<script src="js/vendor/jquery.uniform.min.js" type="text/javascript" ></script>

<!-- END CORE PLUGINS -->

<!-- BEGIN PAGE LEVEL PLUGINS -->

<script type="text/javascript" src="js/vendor/select2.min.js"></script>

<script type="text/javascript" src="js/vendor/jquery.dataTables.js"></script>

<script type="text/javascript" src="js/vendor/bootstrap-datepicker.js"></script>


<script type="text/javascript" src="js/vendor/DT_bootstrap.js"></script>
<script type="text/javascript" src="js/vendor/fnReloadAjax.js"></script>


<!-- END PAGE LEVEL PLUGINS -->

<!-- BEGIN PAGE LEVEL SCRIPTS -->

<script src="js/vendor/app.js"></script>
<script type="text/javascript" src="js/common/common.js"></script>
<script src="pro/js/product.js"></script>

<script>

    jQuery(document).ready(function() {

        App.init();

        Product.initPage();
    });


</script>
</body>
</html>